<!DOCTYPE html>
<html lang="utf-8">
	<head>
	    <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
	    <meta http-equiv="X-UA-Compatible" content="IE=edge">
	    <meta name="viewport" content="width=device-width, user-scalable=no, initial-scale=1">
		<meta name="keywords" content="">
		<meta name="description" content="">
		<title>大唐软件-运营商事业部 在线学习平台</title>

		<#include "./common/res.html">

        <link rel="stylesheet" href="https://www.imooc.com/static/lib/swiper/swiper-3.4.2.min.css?t=201809281113"/>
        <script charset="utf-8" async="" src="https://www.imooc.com/static/lib/swiper/swiper-3.4.2.jquery.min.js?v=201809281113"></script>
	</head>

	<body class="height-100">
		<#include "./common/header.html">

		<div class="f-main" style="width: 100%">
			<div class="bg000">
            <!-- 轮播 分类-start -->
			<div class="types-block" style="padding-bottom: 0px">
				<div class=main-category>

                    <!-- 分类区-start -->
                    <!-- 一级分类 -->
                    <div class="main-category-menu">
                        <#if classifys??>
                            <#list classifys as item>
                                <#if item_index lt 6>
                                    <div class="category" c-id="classify_${item.id!}">
                                        <a href="${s.base}/course/list.html?c=${item.code!}">
                                            <div class="group">${item.name!} </div>
                                            <i class="fa  fa-caret-right"></i>
                                        </a>
                                    </div>
                                </#if>
                            </#list>
                        </#if>
                    </div>
                    <div class="main-category-submenu-wrap">
                    <!-- 二级分类 -->
                    <#if classifys??>
                        <#list classifys as item>
                            <#if item_index lt 6>
                            <div class="submenu"  id="classify_${item.id!}" >
                                <div class="innerBox clearfix" >
                                    <div class="subinnerBox">
                                        <div class="cates-box">
                                            <div class="fe-base-box clearfix">
                                                <div class="banner-line">
                                                    <span class="bold mr10 l small-title">分类目录</span>
                                                </div>
                                                <div class="tag-box l">
                                                    <#if item.subClassifyList??>
                                                    <#list item.subClassifyList as subItem>
                                                    <a target="_blank" href="${s.base}/course/list.html?c=${subItem.code!}">${subItem.name!}</a>
                                                    </#list>
                                                    </#if>
                                                </div>
                                            </div>
                                        </div>
                                    </div>
                                </div>

                                <div class="recomment-box" >
                                <#if item.recomdCourseList?? && item.recomdCourseList?size gt 0 >
                                    <#list item.recomdCourseList as item>
                                    <div class="l banner-course-card">
                                        <a href="${s.base}/course/learn/${item.id}.html" target="_blank" title="${item.name!}" class="clearfix">

                                            <#if (item.picture)?? && item.picture != ''>
                                            <img src="${item.picture!}" class="l">
                                            <#else>
                                            <img src="${s.base}/res/i/course.png" class="l">
                                            </#if>
                                            <div class="l course-card">
                                                <h3 class="course-card-name">${item.name!}</h3>
                                                <div class="course-card-price l">￥199.00</div>
                                                <div class="course-card-dot l"><i class="imv2-dot_samll"></i></div>
                                                <div class="course-card-info l">初级</div>
                                                <div class="course-card-dot l"><i class="imv2-dot_samll"></i></div>
                                                <div class="course-card-info l">
                                                    <i class="icon-set_sns"></i>664
                                                </div>
                                            </div>
                                        </a>
                                    </div>
                                    </#list>
                                </#if>
                                </div>
                            </div>
                            </#if>
                        </#list>
                    </#if>
                    </div>
                     <!-- 分类区-end -->

					<!-- 轮播区-start -->
					<div class="main-bg">


						<#if carouselList?? && carouselList?size gt 0>
                        <div class="g-banner-box">
						<#list carouselList as item>
						<a href="${item.url!''}">
							<div class="main-bg-item">
                                <img src="${item.picture!}" draggable="false">
                            </div>
						</a>
						</#list>

                        <div class="f-nav-box">
                            <div class="bg-nav">
                                <#if carouselList?? && carouselList?size gt 0>
                                <#list carouselList as item>
                                <#if item_index == 0>
                                <a class="cur"></a>
                                <#else>
                                <a></a>
                                </#if>
                                </#list>
                                </#if>
                            </div>
                        </div>
                        <a href="javascript:;" class="f-nav-item prev"><i class="fa fa-angle-left"></i></a>
                        <a href="javascript:;" class="f-nav-item next"><i class="fa fa-angle-right"></i></a>
                        </div>
                        <div class="path-banner">

                            <a href="//class.imooc.com/?c=fe&amp;mc_marking=032475ea974e6e9bb1ee3f2caad1acb2&amp;mc_channel=L1" target="_blank" data-track="ljtj-1-1">
                                <i class="i-web"></i>
                                <p class="tit">Web前端攻城狮</p>
                                <p class="desc">互联网时代最火爆的技术</p>
                            </a>
                            <a href="//class.imooc.com/?c=java&amp;mc_marking=7540f1d4ea6181748df32c86d4112fdf&amp;mc_channel=L2" target="_blank" data-track="ljtj-1-3">
                                <i class="i-java"></i>
                                <p class="tit">Java攻城狮</p>
                                <p class="desc">综合就业排名第一</p>
                            </a>
                            <a href="//class.imooc.com/?c=android&amp;mc_marking=9f3ec9c2c8c0f823baf785125012b277&amp;mc_channel=L3" target="_blank" data-track="ljtj-1-4">
                                <i class="i-android"></i>
                                <p class="tit">Android攻城狮</p>
                                <p class="desc">移动设备市场份额第一</p>
                            </a>
                            <a href="//class.imooc.com/?c=php&amp;mc_marking=a0ae214050107d9a52522dc8ed0d7ad0&amp;mc_channel=L4" target="_blank" data-track="ljtj-1-2">
                                <i class="i-php"></i>
                                <p class="tit">PHP攻城狮</p>
                                <p class="desc">世界上最好的语言：）</p>
                            </a>
                            <a href="//class.imooc.com/?c=ios&amp;mc_marking=286b51b2a8e40915ea9023c821882e74&amp;mc_channel=L5" target="_blank" data-track="ljtj-1-5">
                                <i class="i-ios"></i>
                                <p class="tit">iOS攻城狮</p>
                                <p class="desc">可能是全球最好用的系统</p>
                            </a>
                        </div>
						</#if>
					</div>
					<!-- 轮播区-end -->

				</div>
			</div>
			<!-- 轮播 分类-end -->
            </div>
            <div class="bgfff">
			<!-- 实战推荐-start -->
			<div class="types-block clearfix">
				<h3 class="types-title">
                    <span class="tit-icon icon-shizhan-l tit-icon-l"></span><em>实</em>／<em>战</em>／<em>推</em>／<em>荐</em><span class="tit-icon icon-shizhan-r tit-icon-r"></span>
                </h3>
				<div class="types-content">
					<#if actionCourseList?? && actionCourseList?size gt 0>
					<#list actionCourseList as item>
					<#assign n = item_index + 1 />
					<a href="${s.base}/course/learn/${item.id}.html" target="_black">
						<div class="course-card-container">
							<div class="course-card-top hashadow">
                                <#if (item.picture)?? && item.picture != ''>
                                <img src="${item.picture!}" class="course-banner">
                                <#else>
                                <img src="${s.base}/res/i/course.png" style="width: 180px;height:100px;float: left;">
                                </#if>

                                <div class="course-label">
                                    <label>${item.subClassifyName!}</label>
                                </div>
							</div>

							<div class="course-card-content">
								<h3 class="course-card-name"  title="${item.name!}">${item.name!}</h3>
								<!--<p class="course-card-brief" title="${item.brief!}">${item.brief!}</p>-->
                                <div class="course-card-bottom">
                                    <div class="course-card-info">
                                        <span>实战</span>
                                        <span>初级</span>
                                        <span><i class="fa fa-user-o icon-set_sns"></i>${item.studyCount!}</span>
                                        <span class="course-star-box">
                                            <i class="fa fa-star on"></i>
                                            <i class="fa fa-star on"></i>
                                            <i class="fa fa-star on"></i>
                                            <i class="fa fa-star on"></i>
                                            <i class="fa fa-star on"></i>
                                        </span>
                                    </div>
                                    <div class="course-card-price">￥${item.price!}</div>
                                </div>
                            </div>
						</div>
					</a>
					</#list>
					</#if>
				</div>
			</div>
			<!-- 实战推荐-end -->
            </div>
            <div class="bg000">
			<!-- 免费好课-start -->
			<div class="types-block clearfix">
                <h3 class="types-title">
                    <span class="tit-icon icon-free-l tit-icon-l"></span><em>免</em>／<em>费</em>／<em>好</em>／<em>课</em><span class="tit-icon icon-free-r tit-icon-r"></span>
                </h3>
				<div class="types-content">
                    <#if freeCourseList?? && freeCourseList?size gt 0>
                    <#list freeCourseList as item>
                    <#assign n = item_index + 1 />
                    <a href="${s.base}/course/learn/${item.id}.html" target="_black">
                        <div class="course-card-container">
                            <div class="course-card-top hashadow">
                                <#if (item.picture)?? && item.picture != ''>
                                    <img src="${item.picture!}" class="course-banner">
                                    <#else>
                                    <img src="${s.base}/res/i/course.png" style="width: 180px;height:100px;float: left;">
                                </#if>
                                    <div class="course-label">
                                        <label>${item.subClassifyName!}</label>
                                    </div>
                                </div>

                                <div class="course-card-content">
                                    <h3 class="course-card-name"  title="${item.name!}">${item.name!}</h3>
                                    <!--<p class="course-card-brief" title="${item.brief!}">${item.brief!}</p>-->
                                    <div class="course-card-bottom">
                                        <div class="course-card-info">
                                            <span>实战</span>
                                            <span>初级</span>
                                            <span><i class="fa fa-user-o icon-set_sns"></i>${item.studyCount!}</span>
                                            <span class="course-star-box">
                                                <i class="fa fa-star on"></i>
                                                <i class="fa fa-star on"></i>
                                                <i class="fa fa-star on"></i>
                                                <i class="fa fa-star on"></i>
                                                <i class="fa fa-star on"></i>
                                            </span>
                                        </div>
                                        <div class="course-card-price">￥${item.price!}</div>
                                    </div>
                                </div>
                        </div>
                    </a>
                </#list>
                </#if>
				</div>
			</div>
			<!-- 免费好课-end -->
			</div>
            <div class="bgfff">
			<!-- Java课程-start -->
			<div class="types-block clearfix">
                <h3 class="types-title">
                    <span class="tit-icon icon-free-l tit-icon-l"></span><em>Java</em>／<em>开</em>／<em>发</em>／<em>工</em>／<em>程</em>／<em>师</em><span class="tit-icon icon-free-r tit-icon-r"></span>
                </h3>
                <div class="types-content">
                    <div class="adsense-box l" style="background: url(//img.mukewang.com/5bac768400011ccc05670108.jpg) no-repeat center center;background-size: 100%;">
                        <a href="//www.imooc.com/topic/xiaochengxu?mc_marking=e417a314a03d64868f37b74caf976b1c&amp;mc_channel=syzt1" data-track="xsrm-1-1" target="_blank">
                            <h3 class="ellipsis">火爆微信小程序开发，只有实用，没有套路！</h3>
                            <p class="ellipsis">0门槛搭建微信小程序，大步迈入微信"小"时代</p>
                        </a>
                    </div>
                    <div class="adsense-box l" style="background: url(//img.mukewang.com/5bac76c00001441b05670108.jpg) no-repeat center center;background-size: 100%;">
                        <a href="//www.imooc.com/topic/pyzt?mc_marking=f2c4a7f3f5299ebc266e81eed9e55ef5&amp;mc_channel=syzt2" data-track="xsrm-1-2" target="_blank">
                            <h3 class="ellipsis">用最短的时间高效地学习Python全指导</h3>
                            <p class="ellipsis">从菜鸟到Pythoner，最新最全的学习路线，让你更专业！</p>
                        </a>
                    </div>

                </div>

                <!--
				<#if javaCourseList?? && javaCourseList?size gt 0>
				<#assign javaC0 = javaCourseList[0] />
				<a href="${s.base}/course/learn/${javaC0.id}.html" target="_black">
				<div class="types-content-left "
					style="background-image: url(http://img.mukewang.com/58ac18fd00012a4202240348.jpg);">
					<div class="course-card-container-fix">
						<div class="course-card-content">
							<h3 class="course-card-name" title="${javaC0.name!}">${javaC0.name!}</h3>
							<p class="color-fff" title="${javaC0.brief!}">${javaC0.brief!}</p>
							<div class="course-card-bottom" style="margin-top: 50px;">
								<div class="course-card-info color-fff">了解详情 →</div>
							</div>
						</div>
					</div>
				</div>
				</a>

				<#if javaCourseList?size gt 2>
				<#assign javaC1 = javaCourseList[1] />
				<#assign javaC2 = javaCourseList[2] />
				<div class="types-content-right ">
					<div class="types-content-banner ">
						<a href="${s.base}/course/learn/${javaC1.id}.html" target="_black" title="${javaC1.name!}">
							<div class="types-content-banner-block green-bg"  style="margin-right:20px;" >
								${javaC1.name!}
							</div>
						</a>
						<a href="${s.base}/course/learn/${javaC2.id}.html" target="_black"  title="${javaC2.name!}">
							<div class="types-content-banner-block gray-bg"  >
								${javaC2.name!}
							</div>
						</a>
					</div>
					<div class="clearfix">
						<#list javaCourseList as item>
							<#if item_index gt 2>
							<a href="${s.base}/course/learn/${item.id}.html" target="_black" >
								<div class="course-card-container"  <#if item_index == 6>style="margin-right: 0px;" </#if>>
									<div class="course-card-top green-bg">
										<span>${item.subClassifyName!}</span>
									</div>

									<div class="course-card-content">
										<h3 class="course-card-name" title="${item.name!}">${item.name!}</h3>
										<p  class="course-card-brief" title="${item.brief!}">${item.brief!}</p>
										<div class="course-card-bottom">
											<#if item.free == 1>
											<div class="course-card-info">
											<#if item.level == 1>
											初级
											<#elseif item.level == 2>
											中级
											<#else>
											高级
											</#if>
											<span>·</span>${item.studyCount!}人在学
											</div>
											<#else>
											<div class="course-card-info">${item.studyCount!}人在学</div>
											<div class="course-card-price">￥${item.price!}</div>
											</#if>
										</div>
									</div>
								</div>
							</a>
							</#if>
						</#list>
					</div>
				</div>
				</#if>
				</#if>
				-->
			</div>
			<!-- Java课程-end -->
			</div>
            <div class="bg000">
            <div class="elite-bg">
			<!--名校讲师-start -->
			<div class="types-block clearfix">
                <h3 class="types-title title-zhiming">
                    <span class="tit-icon icon-zhiming-l tit-icon-l"></span><em>知</em>／<em>名</em>／<em>大</em>／<em>神</em><span class="tit-icon icon-zhiming-r tit-icon-r"></span>
                </h3>
				<div class="lecturer-card-container">
                    <div class="swiper-wrapper">
                        <#if recomdTeacherList?? && recomdTeacherList?size gt 0> <!-- 目前只有一个list， -->
                        <div class="lecturer-list swiper-slide swiper-slide-duplicate">
                        <#list recomdTeacherList as item>
                            <div class="lecturer-item">
                                <#if item.header?? && item.header != ''>
                                <img class="lecturer-uimg" src="${item.header!}">
                                <#else>
                                <img class="lecturer-uimg" src="${s.base}/res/i/header.jpg">
                                </#if>
                                <span class="lecturer-name">${item.realname!}</span>
                                <span class="lecturer-title">${item.collegeName!} · ${item.education!}</span>
                                <span class="lecturer-p" >${item.title!}，${item.sign!}</span>
                            </div>
                        </#list>
                        </div>
                        </#if>
                    </div>
				</div>
			</div>
			<!--名校讲师-end -->
            </div>
            </div>


			<div class="bgfff">
				<!--活跃用户-start -->
				<div class="types-block clearfix">
					<h3 class="types-title">
						<span class="tit-icon icon-star-l tit-icon-l"></span><em>活</em>／<em>跃</em>／<em>用</em>／<em>户</em><span class="tit-icon icon-star-r tit-icon-r"></span>
					</h3>
                    <div class="star-list clearfix">
                        <dl class="lead-list clearfix">


                            <#if recomdTeacherList?? && recomdTeacherList?size gt 0> <!-- 目前只有一个list， -->
                                <#list recomdTeacherList as item>
                                <dd>
                                    <div class="lead-item-photo">
                                        <a target="_blank" href="/u/6547990">
                                            <#if item.header?? && item.header != ''>
                                            <img src="${item.header!}">
                                            <#else>
                                            <img src="${s.base}/res/i/header.jpg">
                                            </#if>
                                        </a>
                                        <!--<span class="purple"></span>-->
                                        <span class="green"></span>
                                        <!--<span class="blue"></span>
                                        <span class="yellow"></span>-->
                                    </div>
                                    <p class="lead-item-name ellipsis">${item.realname!}</p>
                                    <p class="lead-item-tit">${item.title!}，${item.sign!}</p>
                                </dd>
                                </#list>
                            </#if>
                        </dl>


                        <dl class="other-list clearfix">
                            <dd class="other-item green ">
                                <a target="_blank" href="/u/4942960">
                                    <img src="//img3.mukewang.com/58b65d7e0001806101000100-100-100.jpg">
                                    <div style="display: none;"><p class="title">="神秘解疑大神"=</p>
                                        <p class="nickname">qq_Ismile_2</p>
                                        <p class="desc">一周解题 2 个</p>
                                        <span class="cur">◆</span>
                                    </div>
                                </a>
                            </dd>
                            <dd class="other-item blue ">
                                <a target="_blank" href="/u/6800556">
                                    <img src="//img2.mukewang.com/533e4d00000171e602000200-100-100.jpg">
                                    <div>
                                        <p class="title">="智慧文章王者"=</p>
                                        <p class="nickname">繁华开满天机</p>
                                        <p class="desc">一周发布手记 29 篇</p>
                                        <span class="cur">◆</span>
                                    </div>
                                </a>
                            </dd>
                            <dd class="other-item blue ">
                                <a target="_blank" href="/u/6825612">
                                    <img src="//img4.mukewang.com/5333a1a90001c8d802000200-100-100.jpg">
                                    <div style="display: none;">
                                        <p class="title">="智慧文章王者"=</p>
                                        <p class="nickname">慕的地10843</p>
                                        <p class="desc">一周发布手记 33 篇</p>
                                        <span class="cur">◆</span>
                                    </div>
                                </a>
                            </dd>
                            <dd class="other-item green ">
                                <a target="_blank" href="/u/4942960">
                                    <img src="//img3.mukewang.com/58b65d7e0001806101000100-100-100.jpg">
                                    <div style="display: none;"><p class="title">="神秘解疑大神"=</p>
                                        <p class="nickname">qq_Ismile_2</p>
                                        <p class="desc">一周解题 2 个</p>
                                        <span class="cur">◆</span>
                                    </div>
                                </a>
                            </dd>
                            <dd class="other-item blue ">
                                <a target="_blank" href="/u/6800556">
                                    <img src="//img2.mukewang.com/533e4d00000171e602000200-100-100.jpg">
                                    <div>
                                        <p class="title">="智慧文章王者"=</p>
                                        <p class="nickname">繁华开满天机</p>
                                        <p class="desc">一周发布手记 29 篇</p>
                                        <span class="cur">◆</span>
                                    </div>
                                </a>
                            </dd>
                            <dd class="other-item blue ">
                                <a target="_blank" href="/u/6825612">
                                    <img src="//img4.mukewang.com/5333a1a90001c8d802000200-100-100.jpg">
                                    <div style="display: none;">
                                        <p class="title">="智慧文章王者"=</p>
                                        <p class="nickname">慕的地10843</p>
                                        <p class="desc">一周发布手记 33 篇</p>
                                        <span class="cur">◆</span>
                                    </div>
                                </a>
                            </dd>
                            <dd class="other-item green ">
                                <a target="_blank" href="/u/4942960">
                                    <img src="//img3.mukewang.com/58b65d7e0001806101000100-100-100.jpg">
                                    <div style="display: none;"><p class="title">="神秘解疑大神"=</p>
                                        <p class="nickname">qq_Ismile_2</p>
                                        <p class="desc">一周解题 2 个</p>
                                        <span class="cur">◆</span>
                                    </div>
                                </a>
                            </dd>
                            <dd class="other-item blue ">
                                <a target="_blank" href="/u/6800556">
                                    <img src="//img2.mukewang.com/533e4d00000171e602000200-100-100.jpg">
                                    <div>
                                        <p class="title">="智慧文章王者"=</p>
                                        <p class="nickname">繁华开满天机</p>
                                        <p class="desc">一周发布手记 29 篇</p>
                                        <span class="cur">◆</span>
                                    </div>
                                </a>
                            </dd>
                            <dd class="other-item blue ">
                                <a target="_blank" href="/u/6825612">
                                    <img src="//img4.mukewang.com/5333a1a90001c8d802000200-100-100.jpg">
                                    <div style="display: none;">
                                        <p class="title">="智慧文章王者"=</p>
                                        <p class="nickname">慕的地10843</p>
                                        <p class="desc">一周发布手记 33 篇</p>
                                        <span class="cur">◆</span>
                                    </div>
                                </a>
                            </dd>
                            <dd class="other-item green ">
                                <a target="_blank" href="/u/4942960">
                                    <img src="//img3.mukewang.com/58b65d7e0001806101000100-100-100.jpg">
                                    <div style="display: none;"><p class="title">="神秘解疑大神"=</p>
                                        <p class="nickname">qq_Ismile_2</p>
                                        <p class="desc">一周解题 2 个</p>
                                        <span class="cur">◆</span>
                                    </div>
                                </a>
                            </dd>
                            <dd class="other-item blue ">
                                <a target="_blank" href="/u/6800556">
                                    <img src="//img2.mukewang.com/533e4d00000171e602000200-100-100.jpg">
                                    <div>
                                        <p class="title">="智慧文章王者"=</p>
                                        <p class="nickname">繁华开满天机</p>
                                        <p class="desc">一周发布手记 29 篇</p>
                                        <span class="cur">◆</span>
                                    </div>
                                </a>
                            </dd>
                            <dd class="other-item blue mar10">
                                <a target="_blank" href="/u/6825612">
                                    <img src="//img4.mukewang.com/5333a1a90001c8d802000200-100-100.jpg">
                                    <div style="display: none;">
                                        <p class="title">="智慧文章王者"=</p>
                                        <p class="nickname">慕的地10843</p>
                                        <p class="desc">一周发布手记 33 篇</p>
                                        <span class="cur">◆</span>
                                    </div>
                                </a>
                            </dd>
                            <dd class="other-item green ">
                                <a target="_blank" href="/u/4942960">
                                    <img src="//img3.mukewang.com/58b65d7e0001806101000100-100-100.jpg">
                                    <div style="display: none;"><p class="title">="神秘解疑大神"=</p>
                                        <p class="nickname">qq_Ismile_2</p>
                                        <p class="desc">一周解题 2 个</p>
                                        <span class="cur">◆</span>
                                    </div>
                                </a>
                            </dd>
                            <dd class="other-item blue ">
                                <a target="_blank" href="/u/6800556">
                                    <img src="//img2.mukewang.com/533e4d00000171e602000200-100-100.jpg">
                                    <div>
                                        <p class="title">="智慧文章王者"=</p>
                                        <p class="nickname">繁华开满天机</p>
                                        <p class="desc">一周发布手记 29 篇</p>
                                        <span class="cur">◆</span>
                                    </div>
                                </a>
                            </dd>
                            <dd class="other-item blue ">
                                <a target="_blank" href="/u/6825612">
                                    <img src="//img4.mukewang.com/5333a1a90001c8d802000200-100-100.jpg">
                                    <div style="display: none;">
                                        <p class="title">="智慧文章王者"=</p>
                                        <p class="nickname">慕的地10843</p>
                                        <p class="desc">一周发布手记 33 篇</p>
                                        <span class="cur">◆</span>
                                    </div>
                                </a>
                            </dd>
                            <dd class="other-item green ">
                                <a target="_blank" href="/u/4942960">
                                    <img src="//img3.mukewang.com/58b65d7e0001806101000100-100-100.jpg">
                                    <div style="display: none;"><p class="title">="神秘解疑大神"=</p>
                                        <p class="nickname">qq_Ismile_2</p>
                                        <p class="desc">一周解题 2 个</p>
                                        <span class="cur">◆</span>
                                    </div>
                                </a>
                            </dd>
                            <dd class="other-item blue ">
                                <a target="_blank" href="/u/6800556">
                                    <img src="//img2.mukewang.com/533e4d00000171e602000200-100-100.jpg">
                                    <div>
                                        <p class="title">="智慧文章王者"=</p>
                                        <p class="nickname">繁华开满天机</p>
                                        <p class="desc">一周发布手记 29 篇</p>
                                        <span class="cur">◆</span>
                                    </div>
                                </a>
                            </dd>
                            <dd class="other-item blue ">
                                <a target="_blank" href="/u/6825612">
                                    <img src="//img4.mukewang.com/5333a1a90001c8d802000200-100-100.jpg">
                                    <div style="display: none;">
                                        <p class="title">="智慧文章王者"=</p>
                                        <p class="nickname">慕的地10843</p>
                                        <p class="desc">一周发布手记 33 篇</p>
                                        <span class="cur">◆</span>
                                    </div>
                                </a>
                            </dd>
                        </dl>
                    </div>
				</div>
				<!--活跃用户-end -->
			</div>
		</div>

		<#include "./common/footer.html">
	</body>

	<script type="text/javascript">

	$(function(){

	    //轮播效果 -start
		<#if carouselList?? && carouselList?size gt 0>
		var size = Number('${carouselList?size}');
		<#else>
		var size = 0;
		</#if>
		var t = null; //轮播定时器
		var index = 0;
		var timer = 4000;
		$('.bg-nav a').click(function(){
            clearTimeout(t);
			index = $('.bg-nav a').index($(this));
			rollBg();
		});
        //左移
        $(".main-bg .prev").click(function () {
            clearTimeout(t);
            rollBg("left");
        });
        //右移
        $(".main-bg .next").click(function () {
            clearTimeout(t);
            rollBg("right");
        });
        /**
         * 移动画幕
         * @param i 当前位置
         * @param direct 移动方向
         */
		var rollBg = function(direct){
            if(direct == "left") {
                if(--index <0) {index = size-1}
            } else if(direct == "right") {
                if(++index ==size) {index = 0}
            }
			// $('.main-bg-item').fadeOut(500);
			// $('.main-bg-item').eq(index).fadeIn(500);
            $('.main-bg-item').hide();
            $('.main-bg-item').eq(index).show();
			$('.bg-nav a').removeClass('cur');
			$('.bg-nav a').eq(index).addClass('cur');

            t = setTimeout(function () {
                rollBg("right");
            },timer);
		}
        rollBg(0);
		//轮播效果 -end

        //一级菜单&二级菜单

        $(".category").mouseover(function () {
            $(".category").removeClass("active");
            $(".main-category-submenu-wrap").show();
            $(".submenu").hide();
            $(this).addClass("active");
            var cId = $(this).attr("c-id");
            $("#"+cId).show().hover(function () {
                $("[c-id="+cId+"]").addClass("active");
                $(this).addClass("active").show();
                $(".main-category-submenu-wrap").show();
            },function () {
                $("[c-id="+cId+"]").removeClass("active");
                $(this).removeClass("active").hide();
                $(".main-category-submenu-wrap").hide();
            });
        }).mouseout(function () {
            var cId = $(this).attr("c-id");
            $(this).removeClass("active");
            $("#"+cId).removeClass("active").hide();
            $(".main-category-submenu-wrap").hide();
        });
	});

        //活跃用户
        $(".other-list").on("mouseover","img",function () {
            $(this).next("div").fadeIn(150);
        }).on("mouseout","img",function () {
            $(this).next("div").fadeOut(150);
        })
	</script>

</html>
